<template>
  <div class="member">
    <el-card>
      <Forms ref="refForms" :dialog="dialog" @refreshList="refreshList"></Forms>
      <Lists ref="refLists" :dialog="dialog" @editBanner="editBanner"></Lists>
    </el-card>
  </div>
</template>

<script>
import Forms from "./component/Forms.vue";
import Lists from "./component/Lists.vue";
export default {
  components: { Forms, Lists },
  data() {
    return {
      dialog: {
        isShowDialog: false,
      },
    };
  },
  methods: {
    // 展示编辑对话框,并展示编辑信息
    editBanner(id){
      this.$refs.refForms.getOneBannerData(id)
    },
    // 刷新数据列表
    refreshList(){
      this.$refs.refLists.getBannerListData()
    }
  },
};
</script>

<style>
</style>